<template>
    <div class="page-header navbar navbar-fixed-top">
        <div class="page-logo">
            <a href="#">
                <img src="src/images/xjrds-logo.png" alt="logo" class="logo-default" />
            </a>
            <div class="menu-toggler sidebar-toggler">
                <span></span>
            </div>
        </div>
        <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
            <span></span>
        </a>
        <div class="top-menu-left">
            <span>新疆维吾尔自治区血液透析患者病例质控平台</span>
        </div>
        <div class="top-menu" id="Top">
            <ul class="nav navbar-nav pull-right">
                <li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                        <i class="icon-bell"></i>
                        <span class="badge badge-default">1 </span>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="external">
                            <h3>
                                <span class="bold">1条待查看通知</span>
                            </h3>
                            <!--<a href="#" @click="ReadMoreClick(0)">查看全部</a>-->
                        </li>
                        <li>
                            <ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
                                <!--<li v-for="n in config.NotificationManager">
                                    <a href="javascript:;" v-on:click="NMClick(n.Id,'1','通知')" v-bind:title="n.Title">
                                        <span class="time" v-text="GetTimeCN(n.CreatedDate)"></span>
                                        <span class="details" v-text="FormatCharacter(n.Title,20)">
                                        </span>
                                    </a>
                                </li>-->
                            </ul>
                        </li>
                    </ul>
                </li>
                <!-- END NOTIFICATION DROPDOWN -->
                <!-- BEGIN INBOX DROPDOWN -->
                <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
                <li class="dropdown dropdown-extended dropdown-notification" id="header_inbox_bar">
                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                        <i class="icon-envelope-open"></i>
                        <span class="badge badge-default">config</span>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="external">
                            <h3>
                                <span class="bold">你有1条新消息</span>
                            </h3>
                            <a href="#" @click="ReadMoreClick(1)">查看全部</a>
                        </li>
                        <li>
                            <ul class="dropdown-menu-list scroller" style="height: 290px;" data-handle-color="#637283">
                                <!--<li v-for="m in config.MessageManagement">
                                    <a href="javascript:;" v-on:click="NMClick(m.Id,'2','消息')" v-bind:title="m.Content">
                                        <span class="bold">{{m.Name}}</span></br>
                                        <span class="time" v-text="GetTimeCN(m.CreatedDate)"></span>
                                        <span class="details" v-html="FormatCharacter(m.Content,40)" style="word-wrap:break-word"></span>
                                    </a>
                                </li>-->
                            </ul>
                        </li>
                    </ul>
                </li>
                <!-- END INBOX DROPDOWN -->
                <!-- BEGIN TODO DROPDOWN -->
                <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
                <li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar" style="display: none;">
                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                        <i class="icon-calendar"></i>
                        <span class="badge badge-default"> 3 </span>
                    </a>
                    <ul class="dropdown-menu extended tasks">
                        <li class="external">
                            <h3>
                                <span class="bold">你有3项任务</span>
                            </h3>
                            <a href="#">查看全部</a>
                        </li>
                        <li>
                            <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
                                <li>
                                    <a href="#">
                                        <span class="subject">
                                        </span>
                                        <span class="message"> 统计最新新增血透患者信息. </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="subject">
                                        </span>
                                        <span class="message"> 更新透析中心设备登记. </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="subject">
                                        </span>
                                        <span class="message"> 更新医护技人员登记. </span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <!-- END TODO DROPDOWN -->
                <!-- BEGIN USER LOGIN DROPDOWN -->
                <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
                <li class="dropdown dropdown-user">
                    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                        <span class="username username-hide-on-mobile"> name </span>
                        <i class="fa fa-angle-down"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-default">
                        <li>
                            <a @click="LockUser">
                                <i class="icon-lock"></i> 锁定账户
                            </a>
                        </li>
                        <li>
                            <a @click="Logout">
                                <i class="icon-key"></i> 注销
                            </a>
                        </li>
                        <li>
                            <a @click="Layeropen('修改密码')">
                                <i class="icon-wrench"></i> 修改密码
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <input type="hidden" value="" id="savebool">
    </div>
</template>
<script>
    export default{
        data:function(){
            return {

            }
        },
        mounted:function(){

        },
        methods:{
            Logout:function(){
                this.$router.push('/Login'); 
            },
            LockUser:function(){
                
            },
            Layeropen:function(i){

            }
        }
    }
</script>